
layui.use(['element','layer'], function() {
    //定义调用模块
    var $ = layui.jquery,element = layui.element,layer=layui.layer;


    /*加载垂直导航栏数据*/
    $.ajax({
        url : '/Navigation/selNavigation',
        type : "post",
        dataType : "json",
        data : {},
        success : function(data) {
            console.log(data)
            console.log(data.obj)
            addNavigation(data.obj);
        }
    })

    //拼接垂直导航栏
    function addNavigation(data) {
        var Navigation=""
        for(var i=0;i<data.length;i++){//循环查询对象 得到导航栏根节点的节点数目；
            Navigation+="<li class='layui-nav-item'>";
            Navigation+="<a href='javascript:;'> <i class='layui-icon "+data[i].icon+"'></i>  "+data[i].menu_name+"</a>"; //第一层
            if(data[i].children.length){
                for(var i1=0;i1<data[i].children.length;i1++){//查询子节点的属性对象，得到二级目录；
                    Navigation+="<dl class='layui-nav-child'>";
                    Navigation+="<dd>"
                    Navigation+="<a href='javascript:;'>"+data[i].children[i1].menu_name+"</a>"//第二级
                    Navigation+= "<dl class='layui-nav-child'>"
                    if(data[i].children.length) {//查询子节点的属性对象 得到三级目录；
                        for (var i2 = 0; i2 < data[i].children[i1].children.length; i2++) {
                            Navigation += "<dd><a href='javascript:;'>" + data[i].children[i1].children[i2].menu_name + "</a></dd>"; //第三级
                        }
                    }
                    Navigation+= "</dd>"
                    Navigation+= "</dl>"
                }
            }
            Navigation+="</li>"
        }
        $(".layui-nav-tree").html(Navigation)
        layui.element.init()
    }

    //右上角账户信息弹出层
    $('.index_information').on('mouseover',function(){
        layer.open({
            type: 2 //定义弹出类型
            , title: "账户信息 <a></a><span class='layui-col-md-offset6' style='color:#2694BC'>账户设置</span></a>"//定义头部信息
            , offset:['65px','850px']//定义弹出位置
            , area: ['350px', '300px']//定义弹出宽高
            , id: 'index_user_information' //设定一个id，防止重复弹出
            , shade:0//定义不显示遮罩
            , content: './index/index_user_information.html'//定义弹出页面

        })
    })

    //右上角订单提示弹出层
    $('.index_order_prompt').on('mouseover',function(){
        layer.open({
            type: 2 //定义弹出类型
            , offset:['65px','950px']//定义弹出位置
            , area: ['400px', '350px']//定义弹出宽高
            , id: 'index_user_information' //设定一个id，防止重复弹出
            , shade:0//定义不显示遮罩
            , content: './index/index_order_information.html'//定义弹出页面
        })
    })

    //右上角退出
    function logout() {
        $.ajax({
            type:"post",
            url:"/Navigation/loginOut",
            data:{},
            dataType:"json",
            success:function (data) {
                if(data){
                    //退出到登录页面
                    window.parent.location.href="/login.html";
                }
            }

        })
        return false;
    }

    //关闭所有弹出层
    $(".closeLayer").on('click',function() {
        layer.closeAll();//疯狂模式，关闭所有层
    })

})